<div class="row-fluid mau-slide">
    <div class="span6">
        <div class="span5">
            <div class="bg-nut-sp" style="background: #fc6e51 url('<?php echo DOMAIN;?>images/icon-btn-home.png') repeat-x bottom;">
                <i class="fa fa-flag"></i>
                <?php echo lang('noi_bat_nhat');?></div>
        </div>
        <div class="span7 text-right chon-nghe">
            <?php echo lang('nghanhnghe');?>
            <select name="nghanhnghe">
                <option><?php echo lang('tatca');?></option>
                <?php 
                    foreach($listdanhmuc as $va){
                ?>
                    <option value="<?php echo $va['id'];?>"> -- <?php echo $va['name'];?></option>
                    <?php 
                        foreach($va['list'] as $valu){
                    ?>
                        <option value="<?php echo $valu['Catproduct']['id'];?>"> -- -- <?php echo $valu['Catproduct']['name'];?></option>
                    <?php }?>
                <?php }?>
            </select>
        </div>
    </div>
</div>
<?php
$L_Slideshow = ClassRegistry::init('News');

$Slideshow = $L_Slideshow->find('all',array(
            'conditions'=>array(
                'News.status' => 1,
                'News.type' => 'new',
            ),
            'order' => array('News.order'=>'DESC','News.id' => 'DESC'),
        ));
?>


<div id="featured" >
  <ul class="ui-tabs-nav">
    <?php $i=0; foreach($Slideshow as $one){$i++;?>
    <li class="ui-tabs-nav-item" id="nav-fragment-<?php echo $i;?>"><a href="#fragment-<?php echo $i;?>"><img src="<?php echo IMG_URL.'fill/w86/h56/'.$one['News']['images'];?>" alt="<?php echo $one['News']['name'];?>" /><span><?php echo $one['News']['name'];?></span></a></li>
    <?php }?>
  </ul>
<?php $i=0; foreach($Slideshow as $one){$i++;?>
<div id="fragment-<?php echo $i;?>" class="ui-tabs-panel" style="">
	<img src="<?php echo IMG_URL.'fill/w468/h250/'.$one['News']['images'];?>" alt="<?php echo $one['News']['name'];?>" />
    <?php if($one['News']['content']){?>
	 <div class="info" >
        <a href="<?php echo DOMAIN.'chi-tiet/'.$one['News']['link'];?>.html" title="<?php echo $one['News']['name'];?>">
		  <h2><?php echo $one['News']['name'];?></h2>
        </a>
		<p><?php echo $one['News']['content'];?></p>
	 </div>
     <?php }?>
</div>
<?php }?>

</div>

<!-- The JavaScript -->




<link rel="stylesheet" type="text/css" href="<?php echo DOMAIN;?>css/slide.css?version=new" />
<script type="text/javascript" src="<?php echo DOMAIN;?>js/jquery-ui-tabs-rotate.js" ></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>